// console.log("执行了 update");

// 通过 地址栏上的 id 获取到数据库中对应的数据，然后显示到对应的html中
let form = document.querySelector('form');
let userInp = document.getElementsByName('username')[0];
let profileInp = document.querySelector('#profile');
let showProfile = document.querySelector('#showProfile');
let idInp = document.getElementsByName('_id')[0]

import { getUserReq, updateUserReq } from '../../api';

// 前端获取地址栏数据
(async function() {
    let id = window.location.search.substring(1).split('=')[1];

    try {
        let { data: { _id, username, profile } } = await getUserReq(id);
        idInp.value = _id;
        userInp.value = username;
        showProfile.src = 'http://localhost' + profile;

    } catch (err) {
        alert('抱歉，参数有误，请检查对应id是否正确')
    }
})()

// 头像预览
profileInp.onchange = function(e) {
    // console.log("改变了");
    // 拿到你选择的头像信息
    let fileReader = new FileReader();

    let file = e.target.files[0];

    // 使用base64编码格式去读取文件
    fileReader.readAsDataURL(file);

    fileReader.onload = function() {
        let url = fileReader.result;
        showProfile.src = url;
    }
}

// 提交修改
form.addEventListener('submit', async(e) => {
    e.preventDefault();

    let data = new FormData(form);

    let { code, message } = await updateUserReq(data);

    if (code === 2000) {
        alert(message);
        window.location.href = '/users.html';
    } else {
        alert(message)
    }
})